.body-bg {
    background: #222D32;
}

.mt-150 {
    margin-top: 150px;
}

html,
body {
    height: 100%;
}

body.hidemenu {
    .lt-aside {
        left: -150px;
    }

    .lt-main {
        padding-left: 0px;
    }

}

* {
    margin : 0;
    padding: 0;
}


a,
a:link,
a:hover,
a:active,
a:visited {
    text-decoration: none;
}

ul {
    list-style: none;
}

.current {
    background-color: rgba(000, 000, 000, .2);
}

.show {
    display: block;
}

.mt-20 {
    margin-top: 20px;
}

/* aside */
.lt-aside {
    width           : 150px;
    height          : 100%;
    background-color: #222D32;
    position        : fixed !important;
    top             : 0;
    left            : 0;
    z-index         : 99;
    text-align      : center;
    position        : relative;
    transition      : left .3s;

    p,
    h4,
    a {
        color: #fff;
    }

    h4 {
        margin-top      : 0px;
        line-height     : 50px;
        height          : 50px;
        background-color: rgba(15, 154, 247, 0.5);
    }

    a {
        font-size: 13px;
    }

    img {
        width        : 80%;
        margin-top   : 20px;
        border-radius: 50%;
        margin-bottom: 20px;

    }

    .second {
        display: none;
    }

    >ul {
        margin-top: 50px;

        li {
            padding: 10px 0;
        }
    }

}

.lt-main {
    width       : 100%;
    height      : 100%;
    position    : fixed;
    top         : 0;
    left        : 0;
    padding-left: 150px;
    transition  : padding .3s;

    .topbar {
        width           : 100%;
        height          : 50px;
        background-color: #3C8DBC;

        a {
            color      : #fff;
            font-size  : 25px;
            line-height: 50px;
            padding    : 0 10px;
        }
    }



    .content {
        padding: 10px;

        .manage {
            padding-left    : 10px;
            margin-bottom   : 20px;
            border-radius   : 5px;
            width           : 100%;
            height          : 40px;
            background-color: #eee;
            font-size       : 14px;

            a {
                font-size  : 14px;
                line-height: 40px;
                color      : gray;
                padding    : 0;

                &:nth-child(2) {
                    &::before {
                        content: "/\00a0";
                        color  : #ccc;
                        padding: 0 5px;
                    }
                }
            }

            a.active {
                color: #337ab7;
            }
        }

        table {
            thead tr th {
                text-align: center;
            }

            tbody {
                td {
                    vertical-align: middle;
                }
            }
        }
    }
}